/**
 * checkbox
 */
.dp_checkbox{border:1px solid #aaa;display:inline-block;width:11px; height:11px;font-size:1px;}
.dp_checkbox:active{background:#000; border:1px solid #000;}
.dp_checkbox input{width:0px;height:0;display: none;}
.dp_checkbox_true{background:url(images/checkbox.jpg) no-repeat center 2px;}

/**
 * text
 */
.dp_text{height:22px;line-height: 22px;padding:0 5px 0 5px;border:1px solid #aaa;outline:none}
.dp_text:hover{border:1px solid #555;}

/**
 * button
 */
.dp_button{background:#0072c6; border:0; height:24px; line-height:24px; color:#fff; width:70px;}
.dp_button:hover{background:#1e82cc;}
.dp_button:active{background:#222;}

/**
 * select
 */
.dp_select{height:22px;line-height:22px;display:inline-block;border:1px solid #aaa;position:relative;top:7px;}
.dp_select input{display:none}
.dp_select_default{float:left;display:inline-block;padding:0 35px 0 5px;}
.dp_select_tool{
	position: absolute;right:0; width:16px;height:22px;border:0;width:100%;
	background: url(images/select.jpg) right 0 no-repeat;
}
.dp_select_tool:hover{background: url(images/select.jpg) right -22px no-repeat;}
.dp_select_tool:active{background: url(images/select.jpg) right -44px no-repeat;}
.dp_select ul{
	display:none;text-align:center;position:absolute;top:22px;left:-1px;
	border:1px solid #aaa;border-top:0px;width:93%;text-align:left;
	background:#fff;overflow: auto;min-height:auto;height:132px;
}
.dp_select li{text-indent: 5px; cursor:default;}
.dp_select li:hover{background:#0072c6; color:#fff; }
.dp_select li:active{background:#222; color:#fff;}

/**
 * chrome hack
 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .dp_select{top:8px;}
}